<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="HandheldFriendly" content="true">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<!-- <link rel="stylesheet" type="text/css" href="css/normalize.css?__inline" /> -->
<!-- <link rel="stylesheet" type="text/css" href="css/common.css?__inline" /> -->
<title>微信测试</title>
<style type="text/css">
    button {
        color: #fff;
        padding: 10px 30px;
        border-radius: 10px;
        background: #FF9800;
        border: 1px solid #D68816;
    }

    button:focus ,input[type="button"]:focus {
        outline: none;
    }

    input[type="button"] {
        margin:0 2px;
        padding:4px 10px;
        border-radius:3px;
        background:#F1F1F1;
        border: 1px solid #ccc;
    }

    ol li {
        margin:0 0 10px;
    }

    div {
        padding: 0 10px 0 0;
    }

    input[type="text"] {
        width:100%;
        padding:2px;
        height:30px;
        font-size:14px;
        min-width:320px;
        line-height:30px;
        border:1px solid #ccc;
    }

    input[type="text"]:focus {
        outline: none;
        border:1px solid #FF9800;
    }
</style>
</head>
<body>
<section>
    <header>LocalStorage Test</header>
    <article>
        <p>测试步骤</p>
        <div><input value="" type="text" placeholder="可以的话请输入下您的设备型号" /></div>
        <ol>
            <li>点击 Report 按钮后。</li>
            <li><input value="刷新" type="button" id="refash" />页面再次点击 Report。</li>
            <li>关闭页面重新进入再次点击 Report。</li>
        </ol>
        <div>
            <button id="report">Report</button>
        </div>
    </article>
</section>
<script type="text/javascript">
    var PI_COLLECT_CONF = {
        "type":"weixin"
    };
</script>
<script src="/getjob?localstorage,sessionstorage"></script>
<script type="text/javascript">
    document.querySelector("#report").onclick = function() {
        PI_COLLECT.report();
    }

    document.querySelector("#refash").onclick = function() {
        window.location.reload(true);
    }
</script>
</body>
</html>